<!DOCTYPE html>
<html lang="en">
    <!-- title -->


    

<!-- keywords -->



<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="author" content="ZHAI">
    <meta name="renderer" content="webkit">
    <meta name="copyright" content="ZHAI">
    
        <meta name="keywords" content="hexo,hexo-theme,hexo-blog">
    
    <meta name="description" content="">
    <meta name="description" content="Hexo零基础搭建个人博客Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有数百个主题和插件。 简单来说就是一个不用你写代码，就能搭建一套属于你自己的个人博客网站 应用（零基础小白也会）。 你可以在上面编写文章，做笔记，写日记，">
<meta property="og:type" content="article">
<meta property="og:title" content="Hexo-零基础搭建个人博客(详解)">
<meta property="og:url" content="https://zhai_zhihui.gitee.io/posts/353f598a/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:description" content="Hexo零基础搭建个人博客Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有数百个主题和插件。 简单来说就是一个不用你写代码，就能搭建一套属于你自己的个人博客网站 应用（零基础小白也会）。 你可以在上面编写文章，做笔记，写日记，">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154720784.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154822250.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154851996.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154928032.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154938969.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155013829.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155047980.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155102661.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155313944.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155320674.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155441995.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155537841.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155546437.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155610552.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155621083.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155630198.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155700686.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155804259.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155819983.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155828748.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155851166.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155857869.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155907019.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155926605.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421155959714.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160010733.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160116449.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160122681.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160151603.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160306199.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160331608.png">
<meta property="og:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421160337873.png">
<meta property="article:published_time" content="2023-04-21T05:56:09.000Z">
<meta property="article:modified_time" content="2023-04-27T07:50:53.958Z">
<meta property="article:author" content="ZHAI">
<meta property="article:tag" content="搭建">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://zhai_zhihui.gitee.io/posts/353f598a/image-20230421154720784.png">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="icon" href="/assets/favicon.ico">
    
    <title>Hexo-零基础搭建个人博客(详解) · 翟 工作室</title>
    <!-- /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
/* This file is meant as a standalone workflow for
- testing support for link[rel=preload]
- enabling async CSS loading in browsers that do not support rel=preload
- applying rel preload css once loaded, whether supported or not.
*/ -->
<script>
    (function (w) {
        'use strict'
        // rel=preload support test
        if (!w.loadCSS) {
            w.loadCSS = function () {}
        }
        // define on the loadCSS obj
        var rp = (loadCSS.relpreload = {})
        // rel=preload feature support test
        // runs once and returns a function for compat purposes
        rp.support = (function () {
            var ret
            try {
                ret = w.document.createElement('link').relList.supports('preload')
            } catch (e) {
                ret = false
            }
            return function () {
                return ret
            }
        })()

        // if preload isn't supported, get an asynchronous load by using a non-matching media attribute
        // then change that media back to its intended value on load
        rp.bindMediaToggle = function (link) {
            // remember existing media attr for ultimate state, or default to 'all'
            var finalMedia = link.media || 'all'

            function enableStylesheet() {
                link.media = finalMedia
            }

            // bind load handlers to enable media
            if (link.addEventListener) {
                link.addEventListener('load', enableStylesheet)
            } else if (link.attachEvent) {
                link.attachEvent('onload', enableStylesheet)
            }

            // Set rel and non-applicable media type to start an async request
            // note: timeout allows this to happen async to let rendering continue in IE
            setTimeout(function () {
                link.rel = 'stylesheet'
                link.media = 'only x'
            })
            // also enable media after 3 seconds,
            // which will catch very old browsers (android 2.x, old firefox) that don't support onload on link
            setTimeout(enableStylesheet, 3000)
        }

        // loop through link elements in DOM
        rp.poly = function () {
            // double check this to prevent external calls from running
            if (rp.support()) {
                return
            }
            var links = w.document.getElementsByTagName('link')
            for (var i = 0; i < links.length; i++) {
                var link = links[i]
                // qualify links to those with rel=preload and as=style attrs
                if (
                    link.rel === 'preload' &&
                    link.getAttribute('as') === 'style' &&
                    !link.getAttribute('data-loadcss')
                ) {
                    // prevent rerunning on link
                    link.setAttribute('data-loadcss', true)
                    // bind listeners to toggle media back
                    rp.bindMediaToggle(link)
                }
            }
        }

        // if unsupported, run the polyfill
        if (!rp.support()) {
            // run once at least
            rp.poly()

            // rerun poly on an interval until onload
            var run = w.setInterval(rp.poly, 500)
            if (w.addEventListener) {
                w.addEventListener('load', function () {
                    rp.poly()
                    w.clearInterval(run)
                })
            } else if (w.attachEvent) {
                w.attachEvent('onload', function () {
                    rp.poly()
                    w.clearInterval(run)
                })
            }
        }

        // commonjs
        if (typeof exports !== 'undefined') {
            exports.loadCSS = loadCSS
        } else {
            w.loadCSS = loadCSS
        }
    })(typeof global !== 'undefined' ? global : this)
</script>

    <style type="text/css">
    @font-face {
        font-family: 'Oswald-Regular';
        src: url("/font/Oswald-Regular.ttf");
    }

    body {
        margin: 0;
    }

    header,
    footer,
    .back-top,
    .sidebar,
    .container,
    .site-intro-meta,
    .toc-wrapper {
        display: none;
    }

    .site-intro {
        position: relative;
        z-index: 3;
        width: 100%;
        /* height: 50vh; */
        overflow: hidden;
    }

    .site-intro-placeholder {
        position: absolute;
        z-index: -2;
        top: 0;
        left: 0;
        width: calc(100% + 300px);
        height: 100%;
        background: repeating-linear-gradient(-45deg, #444 0, #444 80px, #333 80px, #333 160px);
        background-position: center center;
        transform: translate3d(-226px, 0, 0);
        animation: gradient-move 2.5s ease-out 0s infinite;
    }

    @keyframes gradient-move {
        0% {
            transform: translate3d(-226px, 0, 0);
        }
        100% {
            transform: translate3d(0, 0, 0);
        }
    }
</style>

    <link rel="preload" href="/css/style.css?v=20211217" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="/css/dark.css?v=20211217" as="style">
    <link rel="stylesheet" href="/css/dark.css">
    <link rel="stylesheet" href="/css/mobile.css?v=20211217" media="(max-width: 960px)">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" as="script">
    <link rel="preload" href="/scripts/main.js?v=20211217" as="script">
    <link rel="preload" href="/scripts/dark.js?v=20211217" as="script">
    <link rel="preload" href="/font/Oswald-Regular.ttf" as="font" crossorigin>
    <link rel="preload" href="https://at.alicdn.com/t/font_327081_1dta1rlogw17zaor.woff" as="font" crossorigin>
    <!-- algolia -->
    
        <script>
            var hits = JSON.parse('{"per_page":10}')
            var labels = JSON.parse('{"input_placeholder":"Search for Posts","hits_empty":"我们没有找到任何搜索结果: ${query}","hits_stats":"找到${hits}条结果（用时${time} ms）"}')

            var algolia = {
                applicationID: '3GGJLFV539',
                apiKey: '12968f8a240b5852b40b42867fa50e60',
                indexName: 'hexo',
                hits: hits,
                labels: labels
            }
        </script>
    
    <!-- 百度统计  -->
    
    <!-- 谷歌统计  -->
    
<meta name="generator" content="Hexo 6.3.0"></head>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script type="text/javascript">
        if (typeof window.$ == undefined) {
            console.warn('jquery load from jsdelivr failed, will load local script')
            document.write('<script src="/lib/jquery.min.js" />')
        }
    </script>
    
        <body class="post-body">
    
        <!-- header -->
        <header class="header header-mobile">
    <!-- top read progress line -->
    <div class="header-element">
        <div class="read-progress"></div>
    </div>
    <!-- sidebar menu button -->
    <div class="header-element">
        
            <div class="header-sidebar-menu">
        
            
                <div style="padding-left: 1px;">&#xe775;</div>
            
        </div>
    </div>
    <!-- header actions -->
    <div class="header-actions">
        <!-- theme mode switch button -->
        <span class="header-theme-btn header-element">
            <i class="fas fa-adjust"></i>
        </span>
        <!-- back to home page text -->
        <span class="home-link header-element">
            <a href=/>翟.</a>
        </span>
    </div>
    <!-- toggle banner for post layout -->
    
        
            <div class="banner">
        
            <div class="blog-title header-element">
                <a href="/">翟.</a>
            </div>
            <div class="post-title header-element">
                <a href="#" class="post-name">Hexo-零基础搭建个人博客(详解)</a>
            </div>
        </div>
    
</header>

        <!-- fixed footer -->
        <footer class="footer-fixed">
    <!-- back to top button -->
    <div class="footer-fixed-element">
        
            <div class="back-top back-top-hidden">
        
        
            <div>&#xe639;</div>
        
        </div>
    </div>
</footer>

        <!-- wrapper -->
        <div class="wrapper">
            <div class="site-intro" style="







    height:50vh;

">
    
    <!-- 主页  -->
    
        
    <!-- 404页  -->
    
    <div class="site-intro-placeholder"></div>
    <div class="site-intro-img" style="background-image: url(/intro/post-bg.jpg)"></div>
    <div class="site-intro-meta">
        <!-- 标题  -->
        <h1 class="intro-title">
            <!-- 主页  -->
            
                Hexo-零基础搭建个人博客(详解)
            <!-- 404 -->
            
        </h1>
        <!-- 副标题 -->
        <p class="intro-subtitle">
            <!-- 主页副标题  -->
            
                
            <!-- 404 -->
            
        </p>
        <!-- 文章页 meta -->
        
            <div class="post-intros">
                <!-- 文章页标签  -->
                
                    <div class= post-intro-tags >
    
    
        <a class="post-tag" href="javascript:void(0);" data-tags="搭建">搭建</a>
    
</div>

                
                <!-- 文章字数统计 -->
                
                <div class="post-intro-meta">
                    <!-- 撰写日期 -->
                    <span class="iconfont-archer post-intro-calander">&#xe676;</span>
                    <span class="post-intro-time">2023/04/21</span>
                    <!-- busuanzi -->
                    
                        <span id="busuanzi_container_page_pv" class="busuanzi-pv">
                            <span class="iconfont-archer post-intro-busuanzi">&#xe602;</span>
                            <span id="busuanzi_value_page_pv"></span>
                        </span>
                    
                    <!-- 文章分享 -->
                    <span class="share-wrapper">
                        <span class="iconfont-archer share-icon">&#xe71d;</span>
                        <span class="share-text">Share</span>
                        <ul class="share-list">
                            <li class="iconfont-archer share-qr" data-type="qr">&#xe75b;
                                <div class="share-qrcode"></div>
                            </li>
                            <li class="iconfont-archer" data-type="weibo">&#xe619;</li>
                            <li class="iconfont-archer" data-type="qzone">&#xe62e;</li>
                            <li class="iconfont-archer" data-type="twitter">&#xe634;</li>
                            <li class="iconfont-archer" data-type="facebook">&#xe67a;</li>
                        </ul>
                    </span>
                </div>
            </div>
        
    </div>
</div>

            <script>
  // get user agent
  function getBrowserVersions() {
    var u = window.navigator.userAgent
    return {
      userAgent: u,
      trident: u.indexOf('Trident') > -1, //IE内核
      presto: u.indexOf('Presto') > -1, //opera内核
      webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
      mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
      ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
      android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
      iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者安卓QQ浏览器
      iPad: u.indexOf('iPad') > -1, //是否为iPad
      webApp: u.indexOf('Safari') == -1, //是否为web应用程序，没有头部与底部
      weixin: u.indexOf('MicroMessenger') == -1, //是否为微信浏览器
      uc: u.indexOf('UCBrowser') > -1, //是否为android下的UC浏览器
    }
  }
  var browser = {
    versions: getBrowserVersions(),
  }
  console.log('userAgent: ' + browser.versions.userAgent)

  // callback
  function fontLoaded() {
    console.log('font loaded')
    if (document.getElementsByClassName('site-intro-meta')) {
      document
        .getElementsByClassName('intro-title')[0]
        .classList.add('intro-fade-in')
      document
        .getElementsByClassName('intro-subtitle')[0]
        .classList.add('intro-fade-in')
      var postIntros = document.getElementsByClassName('post-intros')[0]
      if (postIntros) {
        postIntros.classList.add('post-fade-in')
      }
    }
  }

  // UC不支持跨域，所以直接显示
  function asyncCb() {
    if (browser.versions.uc) {
      console.log('UCBrowser')
      fontLoaded()
    } else {
      WebFont.load({
        custom: {
          families: ['Oswald-Regular'],
        },
        loading: function () {
          // 所有字体开始加载
          // console.log('font loading');
        },
        active: function () {
          // 所有字体已渲染
          fontLoaded()
        },
        inactive: function () {
          // 字体预加载失败，无效字体或浏览器不支持加载
          console.log('inactive: timeout')
          fontLoaded()
        },
        timeout: 5000, // Set the timeout to two seconds
      })
    }
  }

  function asyncErr() {
    console.warn('script load from CDN failed, will load local script')
  }

  // load webfont-loader async, and add callback function
  function async(u, cb, err) {
    var d = document,
      t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0]
    o.src = u
    if (cb) {
      o.addEventListener(
        'load',
        function (e) {
          cb(null, e)
        },
        false
      )
    }
    if (err) {
      o.addEventListener(
        'error',
        function (e) {
          err(null, e)
        },
        false
      )
    }
    s.parentNode.insertBefore(o, s)
  }

  var asyncLoadWithFallBack = function (arr, success, reject) {
    var currReject = function () {
      reject()
      arr.shift()
      if (arr.length) async(arr[0], success, currReject)
    }

    async(arr[0], success, currReject)
  }

  asyncLoadWithFallBack(
    [
      'https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.min.js',
      'https://cdn.bootcss.com/webfont/1.6.28/webfontloader.js',
      "/lib/webfontloader.min.js",
    ],
    asyncCb,
    asyncErr
  )
</script>

            <img class="loading" src="/assets/loading.svg" style="display: block; margin: 6rem auto 0 auto; width: 6rem; height: 6rem;" />
            <div class="container container-unloaded">
                <main class="main post-page">
    <article class="article-entry">
        <h1 id="Hexo零基础搭建个人博客"><a href="#Hexo零基础搭建个人博客" class="headerlink" title="Hexo零基础搭建个人博客"></a>Hexo零基础搭建个人博客</h1><p>Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress<br>插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有<br>数百个主题和插件。</p>
<p>简单来说就是一个不用你写代码，就能搭建一套属于你自己的个人博客网站 应用（零基础小白也会）。</p>
<p>你可以在上面编写文章，做笔记，写日记，码代码。（一个属于你的世界！一个可供别人访问的个人世界）</p>
<p>另外Hero还提供了大量主题模版供用户下载。你的博客网站将可以时不时的换一种主题风格，赏心悦目，简直完美！</p>
<h2 id="一、环境准备"><a href="#一、环境准备" class="headerlink" title="一、环境准备"></a>一、环境准备</h2><h3 id="1、安装Node-js"><a href="#1、安装Node-js" class="headerlink" title="1、安装Node.js"></a>1、安装Node.js</h3><p>直接到官网上下载安装即可<a target="_blank" rel="noopener" href="https://nodejs.org/en/download/">https://nodejs.org/en/download/</a></p>
<p>Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)<br>Node自带npm</p>
<h3 id="2、安装Git"><a href="#2、安装Git" class="headerlink" title="2、安装Git"></a>2、安装Git</h3><p>Windows：下载并安装 git.<br>Mac：使用 Homebrew, MacPorts 或者下载 安装程序。<br>Linux (Ubuntu, Debian)：<code>sudo apt-get install git-core</code><br>Linux (Fedora, Red Hat, CentOS)：<code>sudo yum install git-core</code></p>
<p><img src="/posts/353f598a/image-20230421154720784.png" alt="image-20230421154720784"></p>
<p>npm下载慢的话也可以下载淘宝下载源cnpm</p>
<p><code>npm install -g cnpm --registry=https://registry.npm.taobao.org</code></p>
<p><img src="/posts/353f598a/image-20230421154822250.png" alt="image-20230421154822250"></p>
<h2 id="二、开始安装Hexo"><a href="#二、开始安装Hexo" class="headerlink" title="二、开始安装Hexo"></a>二、开始安装Hexo</h2><h3 id="1、安装hexo"><a href="#1、安装hexo" class="headerlink" title="1、安装hexo"></a>1、安装hexo</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">npm install -g hexo-cli</span><br><span class="line">或者</span><br><span class="line">cnpm install -g hexo-cli</span><br></pre></td></tr></table></figure>

<p>安装完成可输入hexo -v查看版本</p>
<p><img src="/posts/353f598a/image-20230421154851996.png" alt="image-20230421154851996"></p>
<h3 id="2、初始化hexo，新建存储博客的文件夹"><a href="#2、初始化hexo，新建存储博客的文件夹" class="headerlink" title="2、初始化hexo，新建存储博客的文件夹"></a>2、初始化hexo，新建存储博客的文件夹</h3><p><code>hexo init myblog</code></p>
<p><img src="/posts/353f598a/image-20230421154928032.png" alt="image-20230421154928032"></p>
<h3 id="3、进入文件夹，安装一下npm"><a href="#3、进入文件夹，安装一下npm" class="headerlink" title="3、进入文件夹，安装一下npm"></a>3、进入文件夹，安装一下npm</h3><p><code>cd myblog</code><br><code>npm install</code><br>可以看到我们的hexo站点就已经安装好了，接下来就可以直接启动他了</p>
<p><img src="/posts/353f598a/image-20230421154938969.png" alt="image-20230421154938969"></p>
<h3 id="4、启动服务站点"><a href="#4、启动服务站点" class="headerlink" title="4、启动服务站点"></a>4、启动服务站点</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">hexo g </span><br><span class="line">hexo server</span><br></pre></td></tr></table></figure>

<p><img src="/posts/353f598a/image-20230421155013829.png" alt="image-20230421155013829"></p>
<p>访问<a target="_blank" rel="noopener" href="http://localhost:4000/">http://localhost:4000/</a> 至此hero就搭建好了。可以在本地访问了</p>
<p><img src="/posts/353f598a/image-20230421155047980.png" alt="image-20230421155047980"></p>
<h2 id="三、Gitee上建站访问"><a href="#三、Gitee上建站访问" class="headerlink" title="三、Gitee上建站访问"></a>三、Gitee上建站访问</h2><p>可在github或者gitee上建站，gitee国内访问快一些</p>
<h3 id="1、新建仓库"><a href="#1、新建仓库" class="headerlink" title="1、新建仓库"></a>1、新建仓库</h3><p>格式必须是：用户名+.gitee.io 只有这样，将来要部署到Gite e page的时候，才会被识别，也就是xxxx.gitee.io，其中xxx就是你注册Gitee的用户名。（这里是错的gitee只需要用户名就行，不需要加.gitee.io）</p>
<p><img src="/posts/353f598a/image-20230421155102661.png" alt="image-20230421155102661"></p>
<h3 id="2、将hexo博客站点上传到gitee上"><a href="#2、将hexo博客站点上传到gitee上" class="headerlink" title="2、将hexo博客站点上传到gitee上"></a>2、将hexo博客站点上传到gitee上</h3><p>这里需要安装一个hexo的上传插件deploy-git</p>
<p><code>npm install hexo-deployer-git --save</code></p>
<p><img src="/posts/353f598a/image-20230421155313944.png" alt="image-20230421155313944"></p>
<h3 id="3、修改hexo配置文件指定仓库路径"><a href="#3、修改hexo配置文件指定仓库路径" class="headerlink" title="3、修改hexo配置文件指定仓库路径"></a>3、修改hexo配置文件指定仓库路径</h3><p>可在文件夹中直接打开文件，也可通过vim直接编辑</p>
<p><img src="/posts/353f598a/image-20230421155320674.png" alt="image-20230421155320674"></p>
<p>找到Deployment加上（注意空格）</p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">deploy:</span></span><br><span class="line">  <span class="attr">type:</span> <span class="string">git</span></span><br><span class="line">  <span class="attr">repo:</span> <span class="string">你的仓库路径</span></span><br><span class="line">  <span class="attr">branch:</span> <span class="string">master</span></span><br></pre></td></tr></table></figure>

<p><img src="/posts/353f598a/image-20230421155441995.png" alt="image-20230421155441995"></p>
<h3 id="4、推送hexo站点文件"><a href="#4、推送hexo站点文件" class="headerlink" title="4、推送hexo站点文件"></a>4、推送hexo站点文件</h3><p>之后就可以推送博客站点到gitee上了</p>
<p>推送命令<code>hexo d</code></p>
<blockquote>
<p> 扩展：</p>
<p>其中 hexo clean清除了你之前生成的东西，也可以不加。<br>hexo generate 顾名思义，生成静态文章，可以用 hexo g缩写<br>hexo deploy 部署文章，可以用hexo d缩写</p>
</blockquote>
<p>推送中会要求输入gitee的用户名和密码（如果不想每次都输可以配置ssh，我这里就不做演示了）</p>
<p><img src="/posts/353f598a/image-20230421155537841.png" alt="image-20230421155537841"></p>
<p>然后就可以看到gitee上有推上来的文件了</p>
<h3 id="5、配置Pages服务"><a href="#5、配置Pages服务" class="headerlink" title="5、配置Pages服务"></a>5、配置Pages服务</h3><p>目前我们站点还无法访问需要开启Gitee Pages（gitee需要开启，github不需要）</p>
<p><img src="/posts/353f598a/image-20230421155546437.png" alt="image-20230421155546437"></p>
<p>审核通过启动我们就可以访问啦。</p>
<p><img src="/posts/353f598a/image-20230421155610552.png" alt="image-20230421155610552"></p>
<p><img src="/posts/353f598a/image-20230421155621083.png" alt="image-20230421155621083"></p>
<p>gitee上传新文件之后，需要手动更新一下，更新后的页面才会生效</p>
<p><img src="/posts/353f598a/image-20230421155630198.png" alt="image-20230421155630198"></p>
<p>多说一句：如果觉得这个访问路径太长了，我们可以去买一个域名，将该路径绑定到域名上，即可通过域名访问了。</p>
<h2 id="四、GitHub上建站访问"><a href="#四、GitHub上建站访问" class="headerlink" title="四、GitHub上建站访问"></a>四、GitHub上建站访问</h2><p>在gitee上建站发现有限制条件，所有也可以采用github建站的方式。</p>
<p>步骤和gitee一样。</p>
<h3 id="1、新建guthub仓库"><a href="#1、新建guthub仓库" class="headerlink" title="1、新建guthub仓库"></a>1、新建guthub仓库</h3><p>仓库名称限制了为你的：用户名+.github.io</p>
<p><img src="/posts/353f598a/image-20230421155700686.png" alt="image-20230421155700686"></p>
<h3 id="2、安装hexo上传插件"><a href="#2、安装hexo上传插件" class="headerlink" title="2、安装hexo上传插件"></a>2、安装hexo上传插件</h3><p><code>npm install hexo-deployer-git --save</code></p>
<h3 id="3、修改hexo配置文件指定仓库路径-1"><a href="#3、修改hexo配置文件指定仓库路径-1" class="headerlink" title="3、修改hexo配置文件指定仓库路径"></a>3、修改hexo配置文件指定仓库路径</h3><p>可在文件夹中直接打开文件，也可通过vim直接编辑</p>
<p><code>vim _config.yml #找到Deploymentdeploy:  type: git  repo: 你的github仓库路径  branch: master</code></p>
<h3 id="4、推送站点到github"><a href="#4、推送站点到github" class="headerlink" title="4、推送站点到github"></a>4、推送站点到github</h3><p>推送命令<code>hexo d</code></p>
<p>推送过程中需要输入你的github用户名和密码。但是在2021年8月14日开始github官方就加强安全访问。不能通过原有账号密码git访问，密码需要用官方的token或者采用ssh公私钥访问。否则会出现下图：鉴权失败（用户名密码错误）</p>
<blockquote>
<p>官方原话：</p>
<p>近年来，GitHub 客户受益于 GitHub.com 的许多安全增强功能，例如双因素身份验证、登录警报、经过验证的设备、防止使用泄露密码和 WebAuthn 支持。 这些功能使攻击者更难获取在多个网站上重复使用的密码并使用它来尝试访问您的 GitHub 帐户。 尽管有这些改进，但由于历史原因，未启用双因素身份验证的客户仍能够仅使用其GitHub 用户名和密码继续对 Git 和 API 操作进行身份验证。</p>
<p>从 2021 年 8 月 13 日开始，我们将在对 Git 操作进行身份验证时不再接受帐户密码，并将要求使用基于令牌（token）的身份验证，例如个人访问令牌（针对开发人员）或 OAuth 或 GitHub 应用程序安装令牌（针对集成商） GitHub.com 上所有经过身份验证的 Git 操作。 您也可以继续在您喜欢的地方使用 SSH 密钥</p>
</blockquote>
<p><img src="/posts/353f598a/image-20230421155804259.png" alt="image-20230421155804259"></p>
<p>解决方式就是获取token，登录github设置setting-&gt;Developer Settings-&gt;Prosonal access tokens 创建一个新token。然后就可以拿这个token当密码输入了。</p>
<p><img src="/posts/353f598a/image-20230421155819983.png" alt="image-20230421155819983"></p>
<p><img src="/posts/353f598a/image-20230421155828748.png" alt="image-20230421155828748"></p>
<p>用户名和token输入后，上传成功。</p>
<p><img src="/posts/353f598a/image-20230421155851166.png" alt="image-20230421155851166"></p>
<p><img src="/posts/353f598a/image-20230421155857869.png" alt="image-20230421155857869"></p>
<h3 id="5、尝试访问"><a href="#5、尝试访问" class="headerlink" title="5、尝试访问"></a>5、尝试访问</h3><p>输入你的仓库名称,即可访问成功。</p>
<p><a target="_blank" rel="noopener" href="https://lindaifeng.github.io/">https://lindaifeng.github.io/</a></p>
<p><img src="/posts/353f598a/image-20230421155907019.png" alt="image-20230421155907019"></p>
<h2 id="五、更换主题"><a href="#五、更换主题" class="headerlink" title="五、更换主题"></a>五、更换主题</h2><p>博客样式太死板，想换成属于自己的风格，没问题我们可以更换博客的主题，来达到我们想要的风格。</p>
<p>到GitHub上搜索hexo主题或者hero自带的主题<a target="_blank" rel="noopener" href="https://hexo.io/themes/%EF%BC%8C%E6%89%BE%E4%B8%80%E4%B8%AA%E5%96%9C%E6%AC%A2%E7%9A%84%E3%80%82">https://hexo.io/themes/，找一个喜欢的。</a></p>
<h3 id="1-按照各自的主题文档上面一步步操作即可。"><a href="#1-按照各自的主题文档上面一步步操作即可。" class="headerlink" title="1.按照各自的主题文档上面一步步操作即可。"></a>1.按照各自的主题文档上面一步步操作即可。</h3><p><img src="/posts/353f598a/image-20230421155926605.png" alt="image-20230421155926605"></p>
<p>一般步骤：</p>
<ol>
<li><p>下载解压</p>
</li>
<li><p>放到主题包themes文件夹下</p>
</li>
<li><p>在hero配置文件_config.yml中修改为喜欢主题的名字</p>
</li>
<li><p><code>hero server</code>启动即可访问</p>
</li>
</ol>
<p><img src="/posts/353f598a/image-20230421155959714.png" alt="image-20230421155959714"></p>
<h2 id="六、更新仓库"><a href="#六、更新仓库" class="headerlink" title="六、更新仓库"></a>六、更新仓库</h2><p>本地调试完之后。就可以更新到github上了</p>
<h3 id="1-清理"><a href="#1-清理" class="headerlink" title="1. 清理"></a>1. 清理</h3><p><code>hexo clean</code></p>
<h3 id="2-构建静态文件"><a href="#2-构建静态文件" class="headerlink" title="2. 构建静态文件"></a>2. 构建静态文件</h3><p><code>hexo g</code></p>
<h3 id="3-上传至仓库"><a href="#3-上传至仓库" class="headerlink" title="3. 上传至仓库"></a>3. 上传至仓库</h3><p><code>hexo d</code></p>
<p>访问：</p>
<p><img src="/posts/353f598a/image-20230421160010733.png" alt="image-20230421160010733"></p>
<h2 id="七、写文章"><a href="#七、写文章" class="headerlink" title="七、写文章"></a>七、写文章</h2><p>在站点文件夹中打开 git ，输入如下命令创建文章，其中 我的第一篇博客 为文章的标题。hexo会在source文件夹下创建一个markdowm的文件。这就是你要编写的文章。</p>
<blockquote>
<p>Markdown 是一种可以使用普通文本编辑器编写的 标记语言，通过简单的 标记语法，它可以使普通文本内容具有一定的格式</p>
<p>基于 Markdown 语法的简洁性，它已经成为目前世界上最流行的用于书写博客的语言</p>
</blockquote>
<p><code>hexo new &quot;我的第一篇博客&quot;</code></p>
<p><img src="/posts/353f598a/image-20230421160116449.png" alt="image-20230421160116449"></p>
<p>用软件typora打开直接编写文章</p>
<p><img src="/posts/353f598a/image-20230421160122681.png" alt="image-20230421160122681"></p>
<p>在上传更新到github上立马能够查看到。</p>
<p>清理hexo clean&#x2F;&#x2F;构建静态文件hexo g&#x2F;&#x2F;上传至仓库(上传报错多位网络原因，多上传几次即可)<code>hexo d</code></p>
<p><img src="/posts/353f598a/image-20230421160151603.png" alt="image-20230421160151603"></p>
<h3 id="草稿箱"><a href="#草稿箱" class="headerlink" title="草稿箱"></a>草稿箱</h3><p>很多时候我们需要先写成草稿，而暂时不发布出去。draft page就可以满足我们的要求，我们的网站上是看不到草稿文件的。</p>
<p>新建草稿文件<code>hexo new draft b</code></p>
<p>预览草稿文件<code>hexo server --draft</code></p>
<p>发布草稿<code>hexo publish b</code></p>
<h2 id="八、新建页面"><a href="#八、新建页面" class="headerlink" title="八、新建页面"></a>八、新建页面</h2><p>有时我们不满足主题自由的一些页面，希望自己添加一些页面。</p>
<p>我们可以新建页面,新建页面则会在hexo的source中新建该页面文件并生成md文件，这就是你要编辑的博客页了。</p>
<p><code>hexo new page &quot;resouces&quot;</code><br><img src="/posts/353f598a/image-20230421160306199.png" alt="image-20230421160306199"></p>
<p>然后打开主题的配置文件_config.yml，在菜单属性menu中的添加如下（注意不是Hexo的配置文件）</p>
<p>将页面路径联接到页面上去</p>
<p><code>菜单自定义名称：/生成的页面名称</code></p>
<p><img src="/posts/353f598a/image-20230421160331608.png" alt="image-20230421160331608"></p>
<p>当我们点击资源时后会跳转到我们自定义的博客页了（该页面不一样是因为我跟换了主题）</p>
<p><img src="/posts/353f598a/image-20230421160337873.png" alt="image-20230421160337873"></p>
<p>至此Hexo的安装，建站，写博客，更新，新建菜单就全部介绍完毕。</p>
<blockquote>
<p>版权声明：本文为CSDN博主「〆清峰ㄟ」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。<br>原文链接：<a target="_blank" rel="noopener" href="https://blog.csdn.net/weixin_45019350/article/details/121901433">https://blog.csdn.net/weixin_45019350/article/details/121901433</a></p>
</blockquote>

    </article>
    <!-- license -->
    
        <div class="license-wrapper">
            <p>Author：<a href="https://zhai_zhihui.gitee.io">ZHAI</a>
            <p>Link：<a href="https://zhai_zhihui.gitee.io/posts/353f598a/">https://zhai_zhihui.gitee.io/posts/353f598a/</a>
            <p>Publish date：<a href="https://zhai_zhihui.gitee.io/posts/353f598a/">April 21st 2023, 1:56:09 pm</a>
            <p>Update date：<a href="https://zhai_zhihui.gitee.io/posts/353f598a/">April 27th 2023, 3:50:53 pm</a>
            <p>License：本文采用<a rel="license noopener" target="_blank" href="http://creativecommons.org/licenses/by-nc/4.0/">知识共享署名-非商业性使用 4.0 国际许可协议</a>进行许可</p>
        </div>
    
    <!-- paginator -->
    <ul class="post-paginator">
        <li class="next">
            
                <div class="nextSlogan">Next Post</div>
                <a href="/posts/2a7156f8/" title="DM8自动生成代码">
                    <div class="nextTitle">DM8自动生成代码</div>
                </a>
            
        </li>
        <li class="previous">
            
                <div class="prevSlogan">Previous Post</div>
                <a href="/posts/e5bae2ba/" title="Hexo搭配Typora图片问题">
                    <div class="prevTitle">Hexo搭配Typora图片问题</div>
                </a>
            
        </li>
    </ul>
    <!-- comment -->
    
        <div class="post-comment">
            <!-- 来必力 City 版安装代码 -->


            

            

            

            <!-- utteranc评论 -->


            <!-- partial('_partial/comment/changyan') -->
            <!--PC版-->


            
            
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    <div id="comment"></div>
    <script>
        new Valine({
            el: '#comment',
            notify:false,
            verify:false,
            appId: "03H2Ay0YFmCc3Rk59ctLWuOK-gzGzoHsz",
            appKey: "kjtH05mMZzVhDksfF47nTRyQ",
            placeholder: "",
            path:window.location.pathname,
            avatar:'mm'
        });
    </script>


            

        </div>
    
    <!-- timeliness note -->
    <!-- idea from: https://hexo.fluid-dev.com/posts/hexo-injector/#%E6%96%87%E7%AB%A0%E6%97%B6%E6%95%88%E6%80%A7%E6%8F%90%E7%A4%BA -->
    
    <!-- Mathjax -->
    
</main>

                <!-- profile -->
                
            </div>
            <footer class="footer footer-unloaded">
    <!-- social  -->
    
        <div class="social">
            
    
        
            
                <a href="mailto:1828038025@qq.com" class="iconfont-archer email" title=email ></a>
            
        
    
        
            
                <a href="//gitee.com/zhai_zhihui" class="iconfont-archer github" target="_blank" title=github></a>
            
        
    
        
            
                <span class="iconfont-archer wechat" title=wechat>
                    
                    <img class="profile-qr" src="/assets/example_qr.png" />
                </span>
            
        
    
        
            
                <span class="iconfont-archer qq" title=qq>
                    
                    <img class="profile-qr" src="/assets/example_qr2.jpg" />
                </span>
            
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    


        </div>
    
    <!-- powered by Hexo  -->
    <div class="copyright">
        <span id="hexo-power">Powered by <a href="https://hexo.io/" target="_blank">Hexo</a></span><span class="iconfont-archer power">&#xe635;</span><span id="theme-info">theme <a href="https://github.com/fi3ework/hexo-theme-archer" target="_blank">Archer</a></span>
    </div>
    <!-- website approve for Chinese user -->
    
    <!-- 不蒜子  -->
    
        <div class="busuanzi-container">
            
             
                <span id="busuanzi_container_site_pv">PV: <span id="busuanzi_value_site_pv"></span> :)</span>
            
        </div>
    	
</footer>

        </div>
        <!-- toc -->
        
            <div class="toc-wrapper toc-wrapper-loding" style=







    top:50vh;

>
                <div class="toc-catalog">
                    <span class="iconfont-archer catalog-icon">&#xe613;</span><span>CATALOG</span>
                </div>
                <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Hexo%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2"><span class="toc-number">1.</span> <span class="toc-text">Hexo零基础搭建个人博客</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%80%E3%80%81%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87"><span class="toc-number">1.1.</span> <span class="toc-text">一、环境准备</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1%E3%80%81%E5%AE%89%E8%A3%85Node-js"><span class="toc-number">1.1.1.</span> <span class="toc-text">1、安装Node.js</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2%E3%80%81%E5%AE%89%E8%A3%85Git"><span class="toc-number">1.1.2.</span> <span class="toc-text">2、安装Git</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%8C%E3%80%81%E5%BC%80%E5%A7%8B%E5%AE%89%E8%A3%85Hexo"><span class="toc-number">1.2.</span> <span class="toc-text">二、开始安装Hexo</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1%E3%80%81%E5%AE%89%E8%A3%85hexo"><span class="toc-number">1.2.1.</span> <span class="toc-text">1、安装hexo</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2%E3%80%81%E5%88%9D%E5%A7%8B%E5%8C%96hexo%EF%BC%8C%E6%96%B0%E5%BB%BA%E5%AD%98%E5%82%A8%E5%8D%9A%E5%AE%A2%E7%9A%84%E6%96%87%E4%BB%B6%E5%A4%B9"><span class="toc-number">1.2.2.</span> <span class="toc-text">2、初始化hexo，新建存储博客的文件夹</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3%E3%80%81%E8%BF%9B%E5%85%A5%E6%96%87%E4%BB%B6%E5%A4%B9%EF%BC%8C%E5%AE%89%E8%A3%85%E4%B8%80%E4%B8%8Bnpm"><span class="toc-number">1.2.3.</span> <span class="toc-text">3、进入文件夹，安装一下npm</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4%E3%80%81%E5%90%AF%E5%8A%A8%E6%9C%8D%E5%8A%A1%E7%AB%99%E7%82%B9"><span class="toc-number">1.2.4.</span> <span class="toc-text">4、启动服务站点</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%89%E3%80%81Gitee%E4%B8%8A%E5%BB%BA%E7%AB%99%E8%AE%BF%E9%97%AE"><span class="toc-number">1.3.</span> <span class="toc-text">三、Gitee上建站访问</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1%E3%80%81%E6%96%B0%E5%BB%BA%E4%BB%93%E5%BA%93"><span class="toc-number">1.3.1.</span> <span class="toc-text">1、新建仓库</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2%E3%80%81%E5%B0%86hexo%E5%8D%9A%E5%AE%A2%E7%AB%99%E7%82%B9%E4%B8%8A%E4%BC%A0%E5%88%B0gitee%E4%B8%8A"><span class="toc-number">1.3.2.</span> <span class="toc-text">2、将hexo博客站点上传到gitee上</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3%E3%80%81%E4%BF%AE%E6%94%B9hexo%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E6%8C%87%E5%AE%9A%E4%BB%93%E5%BA%93%E8%B7%AF%E5%BE%84"><span class="toc-number">1.3.3.</span> <span class="toc-text">3、修改hexo配置文件指定仓库路径</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4%E3%80%81%E6%8E%A8%E9%80%81hexo%E7%AB%99%E7%82%B9%E6%96%87%E4%BB%B6"><span class="toc-number">1.3.4.</span> <span class="toc-text">4、推送hexo站点文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#5%E3%80%81%E9%85%8D%E7%BD%AEPages%E6%9C%8D%E5%8A%A1"><span class="toc-number">1.3.5.</span> <span class="toc-text">5、配置Pages服务</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%9B%9B%E3%80%81GitHub%E4%B8%8A%E5%BB%BA%E7%AB%99%E8%AE%BF%E9%97%AE"><span class="toc-number">1.4.</span> <span class="toc-text">四、GitHub上建站访问</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1%E3%80%81%E6%96%B0%E5%BB%BAguthub%E4%BB%93%E5%BA%93"><span class="toc-number">1.4.1.</span> <span class="toc-text">1、新建guthub仓库</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2%E3%80%81%E5%AE%89%E8%A3%85hexo%E4%B8%8A%E4%BC%A0%E6%8F%92%E4%BB%B6"><span class="toc-number">1.4.2.</span> <span class="toc-text">2、安装hexo上传插件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3%E3%80%81%E4%BF%AE%E6%94%B9hexo%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E6%8C%87%E5%AE%9A%E4%BB%93%E5%BA%93%E8%B7%AF%E5%BE%84-1"><span class="toc-number">1.4.3.</span> <span class="toc-text">3、修改hexo配置文件指定仓库路径</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4%E3%80%81%E6%8E%A8%E9%80%81%E7%AB%99%E7%82%B9%E5%88%B0github"><span class="toc-number">1.4.4.</span> <span class="toc-text">4、推送站点到github</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#5%E3%80%81%E5%B0%9D%E8%AF%95%E8%AE%BF%E9%97%AE"><span class="toc-number">1.4.5.</span> <span class="toc-text">5、尝试访问</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%94%E3%80%81%E6%9B%B4%E6%8D%A2%E4%B8%BB%E9%A2%98"><span class="toc-number">1.5.</span> <span class="toc-text">五、更换主题</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E6%8C%89%E7%85%A7%E5%90%84%E8%87%AA%E7%9A%84%E4%B8%BB%E9%A2%98%E6%96%87%E6%A1%A3%E4%B8%8A%E9%9D%A2%E4%B8%80%E6%AD%A5%E6%AD%A5%E6%93%8D%E4%BD%9C%E5%8D%B3%E5%8F%AF%E3%80%82"><span class="toc-number">1.5.1.</span> <span class="toc-text">1.按照各自的主题文档上面一步步操作即可。</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%85%AD%E3%80%81%E6%9B%B4%E6%96%B0%E4%BB%93%E5%BA%93"><span class="toc-number">1.6.</span> <span class="toc-text">六、更新仓库</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E6%B8%85%E7%90%86"><span class="toc-number">1.6.1.</span> <span class="toc-text">1. 清理</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-%E6%9E%84%E5%BB%BA%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6"><span class="toc-number">1.6.2.</span> <span class="toc-text">2. 构建静态文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-%E4%B8%8A%E4%BC%A0%E8%87%B3%E4%BB%93%E5%BA%93"><span class="toc-number">1.6.3.</span> <span class="toc-text">3. 上传至仓库</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%83%E3%80%81%E5%86%99%E6%96%87%E7%AB%A0"><span class="toc-number">1.7.</span> <span class="toc-text">七、写文章</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E8%8D%89%E7%A8%BF%E7%AE%B1"><span class="toc-number">1.7.1.</span> <span class="toc-text">草稿箱</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%85%AB%E3%80%81%E6%96%B0%E5%BB%BA%E9%A1%B5%E9%9D%A2"><span class="toc-number">1.8.</span> <span class="toc-text">八、新建页面</span></a></li></ol></li></ol>
            </div>
        
        <!-- sidebar -->
        <div class="sidebar sidebar-hide">
    <ul class="sidebar-tabs sidebar-tabs-active-0">
        <li class="sidebar-tab-archives"><span class="iconfont-archer">&#xe67d;</span><span class="tab-name">Archive</span></li>
        <li class="sidebar-tab-tags"><span class="iconfont-archer">&#xe61b;</span><span class="tab-name">Tag</span></li>
        <li class="sidebar-tab-categories"><span class="iconfont-archer">&#xe666;</span><span class="tab-name">Cate</span></li>
    </ul>
    <div class="sidebar-content sidebar-content-show-archive">
        <div class="sidebar-panel-archives">
    <!-- 在 ejs 中将 archive 按照时间排序 -->
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
    
    
    <div class="total-and-search">
        <div class="total-archive">
        Total : 51
        </div>
        <!-- search  -->
        
            <div class="site-search site-search-loading popup-trigger">
                <span class="iconfont-archer search-icon">&#xe627;</span>
            </div>
        
    </div>
    
    <div class="post-archive">
    
        
            
            
            <div class="archive-year"> 2024 </div>
            <ul class="year-list">
            
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/27</span>
            <a class="archive-post-title" href="/posts/f61093aa/">白斌-谈判技巧</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/24</span>
            <a class="archive-post-title" href="/posts/e4931d34/">5个ChatGPT搞钱成功案例</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/22</span>
            <a class="archive-post-title" href="/posts/c34d6d3f/">pua</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/cd2752f2/">如何在竞争对手强大繁多的困境突出重围？且看Insta360如何做到</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/20</span>
            <a class="archive-post-title" href="/posts/47fc87c9/">互联网公司架构</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/15</span>
            <a class="archive-post-title" href="/posts/881f29f/">Hexo加密</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/15</span>
            <a class="archive-post-title" href="/posts/2e543a56/">刻意练习</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/15</span>
            <a class="archive-post-title" href="/posts/50749798/">关于思维、强势文化、马克思主义、唯心主义、唯物主义的思考及对话</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/15</span>
            <a class="archive-post-title" href="/posts/d68051b9/">强势文化与弱势文化</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/12</span>
            <a class="archive-post-title" href="/posts/e8831614/">思维</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/12</span>
            <a class="archive-post-title" href="/posts/9a21e95f/">潜意识编辑</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/12</span>
            <a class="archive-post-title" href="/posts/3ad44071/">知行合一</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">03/30</span>
            <a class="archive-post-title" href="/posts/f1a9ae87/">字节跳动CEO张一鸣2014年采访</a>
        </li>
    
        
            
            
                
                </ul>
            
            <div class="archive-year"> 2023 </div>
            <ul class="year-list">
            
        
        <li class="archive-post-item">
            <span class="archive-post-date">10/18</span>
            <a class="archive-post-title" href="/posts/c42bcc42/">实体集合分页类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">09/05</span>
            <a class="archive-post-title" href="/posts/91c508e3/">多线程实现异步</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">09/05</span>
            <a class="archive-post-title" href="/posts/cab7a692/">获取客户端外网ip</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">09/01</span>
            <a class="archive-post-title" href="/posts/56cc41e2/">朱厘米师傅的绉纱馄饨教程</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">08/31</span>
            <a class="archive-post-title" href="/posts/c66d13f4/">Linux使用curl发起post请求的常用方式</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">08/01</span>
            <a class="archive-post-title" href="/posts/688df240/">13 秒插入 30 万条数据</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">07/04</span>
            <a class="archive-post-title" href="/posts/7624ea2a/">品诺王版卤味</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">05/30</span>
            <a class="archive-post-title" href="/posts/342f571b/">分库分表Sharding-JDBC</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">05/17</span>
            <a class="archive-post-title" href="/posts/74214fa/">OpenVPN同时连多个vpn</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">05/17</span>
            <a class="archive-post-title" href="/posts/439c6055/">家人们谁懂啊这也太可爱了吧！</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">05/15</span>
            <a class="archive-post-title" href="/posts/c2569e69/">实体类集合转另一个实体类集合</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/27</span>
            <a class="archive-post-title" href="/posts/a5a91285/">hexo-abbrlink和hexo-asset-image插件冲突</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/27</span>
            <a class="archive-post-title" href="/posts/8b7ba7da/">Hexo+Algolia实现搜索</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/26</span>
            <a class="archive-post-title" href="/posts/ba39e0a3/">hexo+valine博客的评论功能</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/26</span>
            <a class="archive-post-title" href="/posts/28c0f33e/">JAVA计算大量数据接口怎么做</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/26</span>
            <a class="archive-post-title" href="/posts/e5c137a2/">判断字符串是否中英文类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/26</span>
            <a class="archive-post-title" href="/posts/2a7156f8/">DM8自动生成代码</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/353f598a/">Hexo-零基础搭建个人博客(详解)</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/e5bae2ba/">Hexo搭配Typora图片问题</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/e55b8c2b/">java什么叫事务，事务有什么用</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/7deee04a/">java如何根据IP获取当前区域天气信息详解</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/3904c7be/">java计算判断时间是否大于15分钟</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/a6669b86/">linux部署jar包</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/dd843aa7/">mybatis判空提高效率</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/ea6a3de/">springboot项目启动时执行代码</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/30e6d251/">vscode插件好用的插件</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/24409baf/">使用IDEA根据wsdl生成WebServices客户端代码</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/918792c0/">判断集合是否有重复元素</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/6c39f264/">取差集工具类（高效率）</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/4c3f96ac/">客户端外网ip工具类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/ea92058c/">使用流式数据处理检查list中是否有重复的元素并返回重复元素</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/90c8aa59/">查询字符串出现位置工具类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/d6f28e22/">根据外网IP获取用户所在城市工具类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/79be3dc6/">用SpringBoot连接redis并处理数据</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/2fa39047/">雪花算法生成ID工具类</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">04/21</span>
            <a class="archive-post-title" href="/posts/1eedc1b4/">markdown引入图片、音频、视频</a>
        </li>
    
        
            
            
                
                </ul>
            
            <div class="archive-year"> 2022 </div>
            <ul class="year-list">
            
        
        <li class="archive-post-item">
            <span class="archive-post-date">01/07</span>
            <a class="archive-post-title" href="/posts/4e2a03f/">java最便捷的word导出方法（POI-TL）</a>
        </li>
    
        
        <li class="archive-post-item">
            <span class="archive-post-date">01/07</span>
            <a class="archive-post-title" href="/posts/77673b17/">图片转 BASE64 编码</a>
        </li>
    
    </div>
</div>

        <div class="sidebar-panel-tags">
    <div class="sidebar-tags-name">
        
            <span class="sidebar-tag-name" data-tags="java">
                <span class="iconfont-archer">&#xe606;</span>
                java
            </span>
        
            <span class="sidebar-tag-name" data-tags="MyBatis">
                <span class="iconfont-archer">&#xe606;</span>
                MyBatis
            </span>
        
            <span class="sidebar-tag-name" data-tags="JDBC">
                <span class="iconfont-archer">&#xe606;</span>
                JDBC
            </span>
        
            <span class="sidebar-tag-name" data-tags="自动生成">
                <span class="iconfont-archer">&#xe606;</span>
                自动生成
            </span>
        
            <span class="sidebar-tag-name" data-tags="IDEA">
                <span class="iconfont-archer">&#xe606;</span>
                IDEA
            </span>
        
            <span class="sidebar-tag-name" data-tags="DM8">
                <span class="iconfont-archer">&#xe606;</span>
                DM8
            </span>
        
            <span class="sidebar-tag-name" data-tags="Node.js">
                <span class="iconfont-archer">&#xe606;</span>
                Node.js
            </span>
        
            <span class="sidebar-tag-name" data-tags="redis">
                <span class="iconfont-archer">&#xe606;</span>
                redis
            </span>
        
            <span class="sidebar-tag-name" data-tags="若依">
                <span class="iconfont-archer">&#xe606;</span>
                若依
            </span>
        
            <span class="sidebar-tag-name" data-tags="搭建">
                <span class="iconfont-archer">&#xe606;</span>
                搭建
            </span>
        
            <span class="sidebar-tag-name" data-tags="插件">
                <span class="iconfont-archer">&#xe606;</span>
                插件
            </span>
        
            <span class="sidebar-tag-name" data-tags="hexo-blog-encrypt">
                <span class="iconfont-archer">&#xe606;</span>
                hexo-blog-encrypt
            </span>
        
            <span class="sidebar-tag-name" data-tags="hexo-asset-image">
                <span class="iconfont-archer">&#xe606;</span>
                hexo-asset-image
            </span>
        
            <span class="sidebar-tag-name" data-tags="优化">
                <span class="iconfont-archer">&#xe606;</span>
                优化
            </span>
        
            <span class="sidebar-tag-name" data-tags="vpn">
                <span class="iconfont-archer">&#xe606;</span>
                vpn
            </span>
        
            <span class="sidebar-tag-name" data-tags="事务">
                <span class="iconfont-archer">&#xe606;</span>
                事务
            </span>
        
            <span class="sidebar-tag-name" data-tags="mysql">
                <span class="iconfont-archer">&#xe606;</span>
                mysql
            </span>
        
            <span class="sidebar-tag-name" data-tags="工具类">
                <span class="iconfont-archer">&#xe606;</span>
                工具类
            </span>
        
            <span class="sidebar-tag-name" data-tags="天气">
                <span class="iconfont-archer">&#xe606;</span>
                天气
            </span>
        
            <span class="sidebar-tag-name" data-tags="时间">
                <span class="iconfont-archer">&#xe606;</span>
                时间
            </span>
        
            <span class="sidebar-tag-name" data-tags="jar">
                <span class="iconfont-archer">&#xe606;</span>
                jar
            </span>
        
            <span class="sidebar-tag-name" data-tags="导出">
                <span class="iconfont-archer">&#xe606;</span>
                导出
            </span>
        
            <span class="sidebar-tag-name" data-tags="POI">
                <span class="iconfont-archer">&#xe606;</span>
                POI
            </span>
        
            <span class="sidebar-tag-name" data-tags="WORD">
                <span class="iconfont-archer">&#xe606;</span>
                WORD
            </span>
        
            <span class="sidebar-tag-name" data-tags="SpringBoot">
                <span class="iconfont-archer">&#xe606;</span>
                SpringBoot
            </span>
        
            <span class="sidebar-tag-name" data-tags="vscode">
                <span class="iconfont-archer">&#xe606;</span>
                vscode
            </span>
        
            <span class="sidebar-tag-name" data-tags="wsdl">
                <span class="iconfont-archer">&#xe606;</span>
                wsdl
            </span>
        
            <span class="sidebar-tag-name" data-tags="思维系统">
                <span class="iconfont-archer">&#xe606;</span>
                思维系统
            </span>
        
            <span class="sidebar-tag-name" data-tags="马克思主义">
                <span class="iconfont-archer">&#xe606;</span>
                马克思主义
            </span>
        
            <span class="sidebar-tag-name" data-tags="强势文化">
                <span class="iconfont-archer">&#xe606;</span>
                强势文化
            </span>
        
            <span class="sidebar-tag-name" data-tags="唯心主义">
                <span class="iconfont-archer">&#xe606;</span>
                唯心主义
            </span>
        
            <span class="sidebar-tag-name" data-tags="唯物主义">
                <span class="iconfont-archer">&#xe606;</span>
                唯物主义
            </span>
        
            <span class="sidebar-tag-name" data-tags="集合">
                <span class="iconfont-archer">&#xe606;</span>
                集合
            </span>
        
            <span class="sidebar-tag-name" data-tags="肉">
                <span class="iconfont-archer">&#xe606;</span>
                肉
            </span>
        
            <span class="sidebar-tag-name" data-tags="卤味">
                <span class="iconfont-archer">&#xe606;</span>
                卤味
            </span>
        
            <span class="sidebar-tag-name" data-tags="年夜饭">
                <span class="iconfont-archer">&#xe606;</span>
                年夜饭
            </span>
        
            <span class="sidebar-tag-name" data-tags="base64">
                <span class="iconfont-archer">&#xe606;</span>
                base64
            </span>
        
            <span class="sidebar-tag-name" data-tags="ip">
                <span class="iconfont-archer">&#xe606;</span>
                ip
            </span>
        
            <span class="sidebar-tag-name" data-tags="弱势文化">
                <span class="iconfont-archer">&#xe606;</span>
                弱势文化
            </span>
        
            <span class="sidebar-tag-name" data-tags="认知与实践">
                <span class="iconfont-archer">&#xe606;</span>
                认知与实践
            </span>
        
            <span class="sidebar-tag-name" data-tags="地理位置">
                <span class="iconfont-archer">&#xe606;</span>
                地理位置
            </span>
        
            <span class="sidebar-tag-name" data-tags="算法">
                <span class="iconfont-archer">&#xe606;</span>
                算法
            </span>
        
            <span class="sidebar-tag-name" data-tags="互联网">
                <span class="iconfont-archer">&#xe606;</span>
                互联网
            </span>
        
            <span class="sidebar-tag-name" data-tags="站在巨人肩膀上">
                <span class="iconfont-archer">&#xe606;</span>
                站在巨人肩膀上
            </span>
        
            <span class="sidebar-tag-name" data-tags="突围">
                <span class="iconfont-archer">&#xe606;</span>
                突围
            </span>
        
            <span class="sidebar-tag-name" data-tags="创新">
                <span class="iconfont-archer">&#xe606;</span>
                创新
            </span>
        
            <span class="sidebar-tag-name" data-tags="创业">
                <span class="iconfont-archer">&#xe606;</span>
                创业
            </span>
        
            <span class="sidebar-tag-name" data-tags="工具">
                <span class="iconfont-archer">&#xe606;</span>
                工具
            </span>
        
            <span class="sidebar-tag-name" data-tags="搞钱">
                <span class="iconfont-archer">&#xe606;</span>
                搞钱
            </span>
        
            <span class="sidebar-tag-name" data-tags="沟通">
                <span class="iconfont-archer">&#xe606;</span>
                沟通
            </span>
        
            <span class="sidebar-tag-name" data-tags="谈判">
                <span class="iconfont-archer">&#xe606;</span>
                谈判
            </span>
        
    </div>
    <div class="iconfont-archer sidebar-tags-empty">&#xe678;</div>
    <div class="tag-load-fail" style="display: none; color: #ccc; font-size: 0.6rem;">
        缺失模块，请参考主题文档进行安装配置：https://github.com/fi3ework/hexo-theme-archer#%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98
    </div> 
    <div class="sidebar-tags-list"></div>
</div>

        <div class="sidebar-panel-categories">
    <div class="sidebar-categories-name">
    
        <span class="sidebar-category-name" data-categories="代码">
            <span class="iconfont-archer">&#xe60a;</span>
            代码
        </span>
    
        <span class="sidebar-category-name" data-categories="hexo">
            <span class="iconfont-archer">&#xe60a;</span>
            hexo
        </span>
    
        <span class="sidebar-category-name" data-categories="linux">
            <span class="iconfont-archer">&#xe60a;</span>
            linux
        </span>
    
        <span class="sidebar-category-name" data-categories="工具">
            <span class="iconfont-archer">&#xe60a;</span>
            工具
        </span>
    
        <span class="sidebar-category-name" data-categories="markdown">
            <span class="iconfont-archer">&#xe60a;</span>
            markdown
        </span>
    
        <span class="sidebar-category-name" data-categories="哲学">
            <span class="iconfont-archer">&#xe60a;</span>
            哲学
        </span>
    
        <span class="sidebar-category-name" data-categories="美食">
            <span class="iconfont-archer">&#xe60a;</span>
            美食
        </span>
    
        <span class="sidebar-category-name" data-categories="小猫咪">
            <span class="iconfont-archer">&#xe60a;</span>
            小猫咪
        </span>
    
        <span class="sidebar-category-name" data-categories="互联网公司">
            <span class="iconfont-archer">&#xe60a;</span>
            互联网公司
        </span>
    
        <span class="sidebar-category-name" data-categories="ChatGPT">
            <span class="iconfont-archer">&#xe60a;</span>
            ChatGPT
        </span>
    
        <span class="sidebar-category-name" data-categories="人际交往">
            <span class="iconfont-archer">&#xe60a;</span>
            人际交往
        </span>
    
        <span class="sidebar-category-name" data-categories="沟通">
            <span class="iconfont-archer">&#xe60a;</span>
            沟通
        </span>
    
    </div>
    <div class="iconfont-archer sidebar-categories-empty">&#xe678;</div>
    <div class="sidebar-categories-list"></div>
</div>

    </div>
</div>

        <!-- site-meta -->
        <script>
    var siteMetaRoot = "/"
    if (siteMetaRoot === "undefined") {
        siteMetaRoot = '/'
    }
    var siteMeta = {
        url: "https://zhai_zhihui.gitee.io",
        root: siteMetaRoot,
        author: "ZHAI"
    }
</script>

        <!-- import experimental options here -->
        <!-- Custom Font -->


        <!-- main func -->
        <script src="/scripts/main.js?v=20211217"></script>
        <!-- dark mode -->
        <script src="/scripts/dark.js?v=20211217"></script>
        <!-- fancybox -->
        <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js" defer></script>
        <!-- algolia -->
        
            <div class="site-search site-search-loading">
    <div class="algolia-popup popup">
        <div class="algolia-search">
            <div class="algolia-search-input-icon">
                <i class="fa fa-search"></i>
            </div>
            <div class="algolia-search-input" id="algolia-search-input"></div>
            <div class="popup-btn-close">
                <i class="iconfont-archer">&#xe609;</i>
            </div>
        </div>

        <div class="algolia-results">
            <div id="algolia-stats" class="algolia-stats"></div>
            <div id="algolia-hits"></div>
            <div id="algolia-pagination" class="algolia-pagination"></div>
        </div>
    </div>
</div>

            <script src="/scripts/search.js?v=20211217" defer></script>
        
        <!-- busuanzi -->
        
            <script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async></script>
        
        <!-- CNZZ -->
        
        <!-- async load share.js -->
        
            <script src="/scripts/share.js?v=20211217" async></script>
        
        <!-- mermaid -->
        
    </body>
</html>
